<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Web Game</title>
  <link href="css/styles.css" rel="stylesheet" type="text/css"/>
  <script type="text/javascript" src="js/banner-config.js"></script>
  <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
  <script type="text/javascript" src="js/popbox.js"></script>
  <script>	
	  // When the document loads do everything inside here ...
	  $(document).ready(function(){		
		// When a link is clicked
		$("a.tab").click(function () {	
			// switch all tabs off
			$(".active").removeClass("active");			
			// switch this tab on
			$(this).addClass("active");			
			// slide all content up
			$(".content").slideUp();			
			// slide this content up
			var content_show = $(this).attr("title");
			$("#"+content_show).slideDown();
		  
		});
	
	  });
  </script>
  <script type='text/javascript' charset='utf-8'>
    $(document).ready(function(){
      $('.logon').popbox();
    });
  </script>
  </head>

  <body>
  <div class="container">
    <div class="banner-left-right">
      <div id="divTopLeft" style="position: absolute; left: 161.5px; top: 228px;"> <a href="#"> <img src="images/banner_left.png"> </a> </div>
      <div id="divTopRight" style="position: absolute; left: 1279.5px; top: 228px;"> <a href="#"> <img src="images/banner_right.png"> </a> </div>
      <script type="text/javascript">
				var widthIM = 160;
                var copyright = 'kgt';
                var ns = (navigator.appName.indexOf("Netscape") != -1);
                var d = document;
                var px = document.layers ? "" : "px";
                var w = document.body.clientWidth;
                var l = (w - 980) / 2 - widthIM;
                var r = l + 980 + widthIM;
                function KGT_FloatDiv(id, sx, sy, cc) {
                    var el = d.getElementById ? d.getElementById(id) : d.all ? d.all[id] : d.layers[id];
                    window[id + "_obj"] = el;
                    if (d.layers) el.style = el;
                    el.cx = el.sx = sx; el.cy = el.sy = sy;
                    el.sP = function(x, y) { this.style.left = x + px; this.style.top = y + px; };
                    el.init = false;
                    el.flt = function() {
                        var pX, pY;
                        pX = (this.sx >= 0) ? 0 : ns ? innerWidth :
                  document.documentElement && document.documentElement.clientWidth ?
                  document.documentElement.clientWidth : document.body.clientWidth;
                        pY = ns ? pageYOffset : document.documentElement && document.documentElement.scrollTop ?
                  document.documentElement.scrollTop : document.body.scrollTop;
                        if (this.sy < 0)
                            pY += ns ? innerHeight : document.documentElement && document.documentElement.clientHeight ?
                  document.documentElement.clientHeight : document.body.clientHeight;
                        this.cx += (pX + this.sx - this.cx) / 8; this.cy += (pY + this.sy - this.cy) / 8;
                        if (!this.init) {
                            this.init = true;
                            this.cx = pX + this.sx;
                            this.cy = pY + this.sy;
                        }
                        this.sP(this.cx, this.cy);
                        setTimeout(this.id + "_obj.flt()", 40);
                    }
                    return el;
                }
                KGT_FloatDiv("divTopLeft", l, 0).flt();
                KGT_FloatDiv("divTopRight", r, 0).flt();
				 
        </script> 
      <script type="text/javascript">
            if (document.body.clientWidth < 1200) {
                document.getElementById("divTopLeft").className = "nonedisplay"; document.getElementById("divTopLeft").style = "display: none";
                document.getElementById("divTopRight").className = "nonedisplay"; document.getElementById("divTopRight").style = "display: none";
            } 
           
        </script> 
    </div>
    <div class="header">
      <div class="menu-top">
        <div class="left-menu">
          <ul>
            <li><a href="#">Trang Chủ</a></li>
            <li><a href="#">Tài Liệu</a></li>
            <li><a href="#">Nạp Thẻ</a></li>
          </ul>
        </div>
        <div class="logo-top"><a href="/"><img src="images/logo_130.png" width="130"/></a></div>
        <div class="right-menu">
          <ul>
            <li><a href="#">Diễn Đàn</a></li>
            <li><a href="#">Facebook</a></li>
            <li><a href="#">CSKH</a></li>
          </ul>
        </div>
      </div>
      <div class="thien-menh-anh-hung"> <img src="images/thien-menh-anh-hung.png" width="525" /> </div>
    </div>
    <div class="contents">
      <div class="content-left">
      <div class="box-left">
      	<div class="box-left-top">&nbsp;</div>
        <div class="box-left-content">
        	<div class="box-member">
            	<h2><a href="#">Member</a></h2>
            </div>
        </div>
        <div class="box-left-bottom">&nbsp;</div>
      </div>
      </div>
      <div class="content-main"></div>
      <div class="content-right"></div>
    </div>
    <div class="footer">
      <div class="footer-content">
        <div class="logo-small"><a href="#"><img src="images/logo.png" height="84" /> </a></div>
        <div class="copyright">© Bản quyền 2013 thuộc về <a href="#">daokiemvotinh.com</a><br/>
          YIM:<a href="">hotrodaokiemvotinh</a> <br/>
          Email: <a href="#">hotro@daokiemvotinh.com</a> </div>
        <div class="phuhop"><a href="#"><img src="images/phuhop.png" height="66" /></a></div>
      </div>
    </div>
  </div>
</body>
</html>
